<main role="main">
    <% if(!login){%>
    <div class="card border-light mb-3">
        <div class="card-header">请登录</div>
        <div class="card-body" style="padding: 20px 360px 20px 360px;">
            <fieldset>
                <div class="form-group">
                    <label for="exampleTextarea">用户名</label>
                    <input class="form-control" id="user" type="text"></input>
                </div>
                <div class="form-group">
                    <label for="exampleTextarea">密码</label>
                    <input class="form-control" id="pas" type="password"></input>
                </div>
                <div class="form-group"  style="text-align:-webkit-center;">
                    <button type="submit" class="btn btn-primary LoginBtn">登录</button>
                </div>
            </fieldset>
        </div>
    </div>
    <%}else{%>
    <div class="card border-light mb-3">
        <div class="card-header">教师评价</div>
        <div class="card-body">

            <div class="modal fade collapse" id="modal_dialog_1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">教师评价</h5>
                            <button type="button" class="close">x</button>
                        </div>
                        <div class="modal-body">

                            <p>教官在体能训练中是否能严格要求学员?</p>

                        </div>
                        <div class="modal-footer">

                            <div class="btn-group float-right">
                                <div class="btn btn-primary pj-1" id="pj_5">能</div>
                                <div class="btn btn-success pj-1" id="pj_6">不能</div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade collapse" id="modal_dialog_2">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">教师评价</h5>
                            <button type="button" class="close">x</button>
                        </div>
                        <div class="modal-body">

                            <p>教官专业技能评价</p>

                        </div>
                        <div class="modal-footer">

                            <div class="btn-group float-right">
                                <div class="btn btn-primary pj-2"  id="pj_1">优</div>
                                <div class="btn btn-success pj-2"  id="pj_2">良</div>
                                <div class="btn btn-info pj-2" id="pj_3">中</div>
                                <div class="btn btn-warning pj-2" id="pj_4">差</div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div  class="row">

                <% for(var i = 0;i <  InstructorList.length;i++){
                    var item = InstructorList[i] %>
                <div class="col-md-4 col-xl-4 col-lg-4 col-sm-6">
                    <div class="view-item card border-success mb-3 text-secondary">
                        <img class="card-img-top" src="./~/Service/Images/<%=item.icon%>/!300/j.png"  >
                        <div class="card-body">
                            <p class="card-text SingleLine"><%=item.title%></p>
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="btn-group">
                                    <div class="btn btn-sm btn-outline-secondary" id="pj_1_<%=item.id%>">评价</div>
                                    <div class="btn btn-sm btn-outline-success" id="pj_2_<%=item.id%>">专业技能评价</div>
                                </div>
                                <small class="text-muted invisible">***</small>
                            </div>
                        </div>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
    </div>

    <div class="card border-danger mb-3">
        <div class="card-header">培训成绩</div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th scope="col">课程名称</th>
                    <th scope="col">成绩</th>
                </tr>
                </thead>
                <tbody>
                <% for(var i = 0;i <UserTempTest.length;i++){
                    var item=UserTempTest[i]; %>
                <tr>
                    <th scope="row"><%-item.title%></th>
                    <td><%-item.DividingValue%></td>
                </tr>
                <%}%>
                </tbody>
            </table>
        </div>
    </div>
    <div class="card border-light mb-3">
        <div class="card-header">自由考试</div>
        <div class="card-body">
            <ul class="list-group">
                <% for(var i = 0;i < Math.min(Curriculum.length, 7);i++){
                    var item = Curriculum[i] %>
                <li class="list-group-item"><a href="./~/train/curriculum/<%= item.id %>/"><%= item.title %></a>
                </li>
                <% } %>
            </ul>
        </div>
    </div>
    <%}%>
</main>